<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>html标签</title>
	</head>
	<body>
		<font face="楷体" size="5" color="#1384D3" >文本内容</font>
		<b>粗体</b>
		<b>b标签网上书城</b><br>
    <i>i标签网上书城</i><br>
    <big>big标签网上书城</big><br>
    <small>small标签网上书城</small><br>
    <tt>tt标签网上书城</tt><br>
    <em>em标签网上书城</em><br>
    <strong>strong标签网上书城</strong><br>
    <dfn>dfn标签网上书城</dfn><br>
    <code>code标签网上书城</code><br>
    <samp>samp标签网上书城</samp><br>
    <kbd>kbd标签网上书城</kbd><br>
    <var>var标签网上书城</var><br>
    <cite>cite标签网上书城</cite><br>
    <s>s标签网上书城</s><br>
    <strike>strike标签网上书城</strike><br>
    <u>u标签网上书城</u><br>
    sup标签<sup>网上书城</sup><br>
    sub标签<sub>网上书城</sub><br>
    <address>address标签网上书城</address><br>
<hr>
<!--
	作者：climpeaker@163.com
	时间：2016-08-19
	描述：一个标签嵌套另外一个标签的时候，注意不要产生交叉行为。例如：<p> <font> </p> </font>
	标签在嵌套到另外一个标签时，需要标签头和标签尾全部包含在父标签中。
-->
<p align="right"><font face="隶书" color="rgb(255,0,0) ">《使用前端技术展现Web系统》</font></p>
		<p align="left">在当今社会中，Web已经成为网络信息共享和发布的主要形式。要想开发Web应用系统，就必须要掌握Web前端技术。本书从HTML、CSS和JavaScript三个方面系统的介绍了Web前端开发。其中，超文本标记语言（Hyper Text Markup Language，HTML）是创建Web页面的基础，级联样式表（Cascading Style Sheet，CSS）是用来进行网页风格设计的，JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。</p>
		<p align="center"><font face="微软雅黑" size="+2">电子工业出版社</font></p>

<hr>

<p>有序列表：</p>
<ol start="3" type="A">
	<li>红楼梦</li>
	<li>水浒传</li>
	<li>三国演义</li>
	<li>西游记</li>
</ol>
<hr>
<p>嵌套的有序标签：
	</p>
	
	<h3>图书分类</h3>
		<ol type="A">
			<li>小说</li>
			<li>文艺
				<ol type="a">
					<li>文学</li>
					<li>传记</li>
					<li>艺术</li>
					<li>摄影</li>
				</ol>
			</li>
			<li>励志/成功
				<ol type="a">
					<li>职场</li>
					<li>成功</li>
					<li>人际</li>
					<li>心灵修养</li>
				</ol>
			</li>
			<li>童书
				<ol type="a">
					<li>0-2
						<ol type="i">
							<li>数字</li>
							<li>图形</li>
							<li>图画</li>
						</ol>
					</li>
					<li>3-6</li>
					<li>7-10</li>
					<li>11-14</li>
				</ol>
			</li>
			<li>生活</li>
			<li>人文社科</li>
			<li>经管</li>
			<li>科技</li>
			<li>教育</li>
			<li>其他</li>
		</ol>
	<p>无序标签：</p>
	<ul type="square">
		<li>红楼梦</li>
	<li>水浒传</li>
	<li>三国演义</li>
	<li>西游记</li>
		
	</ul>
	
	<p>图片插入标签：</p>
	<div style="width: 90%;" align="center">
	<img align="left" width="400px" border="1px" height="300px" src="imgs/wangjian.jpg" alt="王建，唐朝诗人"/>
	</div>
	
	<br />
	<hr>
	<p>超链接标签：</p>
	<a href="index_h5.html" target="_blank"> a标签_blank</a>
	<a href="index_h4.html" target="_self"> a标签_self</a>
	<a href="imgs/bg.jpg" target="_parent"> a标签_parent</a>
	<a href="index_practice_01.html" target="_top"> a标签_top</a>
	
	<a href="https://www.baidu.com/" target="_blank">百度</a>
	
	<a href="mailto:testmail@sohu.com?subject=test%20mail">售后请发送邮件</a>

	</body>
</html>
